<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Networx cruise</title>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="alexSlider.js"></script>
<script type="text/javascript" src="guestWelcomeHomePage.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.slider').Slider({
			fadeEffect : true,
			auto : false,
			counter : true
		});
	});

	$(document).ready(function() {
		var link = $('a.register');
		link.click(function() {
			var pageLink = $(this).attr('href');
			$('div.placeholder').load(pageLink);
			
			return false;
		});
	});
</script>
<style>
body {
	background-color: #AAAAAA;
}

.mid {
	background-image: url('1.png');
	background-repeat: repeat-x;
	height: 800px;
	width: 70%;
}

.container {
	position: relative;
}

.wrapper {
	width: 860px;
	margin: 0 auto;
}

.colone-left {
	float: left;
	width: 370px;
	margin: 0 20px 0 0;
}

.colone-right {
	float: right;
	width: 470px;
	margin: 0 0 0 0;
}

a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

div.slider {
	width: 250px;
	height: 280px;
	position: relative;
}

div.slider ul {
	margin: 0;
	padding: 0;
}

div.slider ul li img {
	width: 100px;
	height: 150px;
}

div.slider ul li {
	width: 250px;
	list-style: none;
}

.prevBtn {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.nextBtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

h1 {
	font-size: 30px;
	color: white;
}
</style>
</head>
<body>
	<div class="header" align="center" style="height: 127px;">
		<br>
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
			codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
			width="1277" height="177" id="mymoviename">
			<param name="movie" alue="Social Network FTN.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#ffffff" />
			<embed src="SocialNetworkFTN.swf" quality="high" bgcolor="#ffffff"
				width="1177" height="127" name="mymoviename" align="center"
				type="application/x-shockwave-flash"
				pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
		</object>
	</div>
	<div align="center">
		<div class="mid">
			<br> <br>
			<div class="container">
				<div class="wrapper">
					<div class="colone-right">
						<div class="slider">
							<ul>
								<c:choose>
									<c:when test='${searchStatus == "THERE_IS_SEARCH_RESULTS"}'>
										<c:forEach items="${guestSearchResults}" var="temp">
											<li><img src="${temp.picture}" />
												<p style="color: white;">this is ${temp.sex} person no
													${temp.id}</p> <a href="javascript:;">${temp.firstName} </a></li>
										</c:forEach>
									</c:when>
									<c:when test='${searchStatus == "NO_SEARCH_RESULTS"}'>
										<b style="color: white;"><br>&nbsp; &nbsp;No Search
											Results.</b>
									</c:when>
								</c:choose>
							</ul>
						</div>
					</div>
					<div class="colone-left">
						<br> <br>
						<p style="color: white;">Here you can checkout registerd users</p>
						<form action="GuestSearchServlet" method="post" name="SearchForm"
							onsubmit="return checkSearchParametersFromGuestWelcomeHomePage()">
							<table>
								<tr>
									<td><input type="text" name="SearchText"></input>
									</td>
								</tr>
								<tr>
									<td><input type="submit" name="btnSearch" value="Search"></input>
									</td>
								</tr>
								<tr>
									<td style="color: white;">See someone you like?<br>
										Go ahead and <a class="register" href="Register.jsp">register</a>
										so you can get in contact.</td>
								</tr>
							</table>
						</form>
						<div align="center" style="width: 430px;">
							<div class="placeholder"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>